<template>
    <div>
        <pageheader></pageheader>
        <div class="page-main home-main">
            <div class="container">
                <div class="home-video-box xm-plain-box">
                    <div class="box-hd">
                        <h2 class="title">视频</h2>
                        <div class="more"><a href="https://www.mi.com/video/"
                                data-log_code="31pchomepagelist_four_video000000#t=normal&amp;act=other&amp;page=homepage&amp;page_id=10530&amp;bid=3480966.1"
                                target="_blank" class="more-link" data-settrack="true"
                                onclick="_msq.push([&#39;trackEvent&#39;,&#39;31pchomepagelist_four_video000000#t=normal&amp;act=other&amp;page=homepage&amp;page_id=10530&amp;bid=3480966.1&#39;,&#39;https://www.mi.com/video/&#39;,&#39;&quot;&quot;&#39;]);">查看全部<i
                                    class="iconfont iconfont-arrow-right-big"></i></a></div>
                    </div>
                    <div class="box-bd clearfix">
                        <ul class="video-list clearfix">
                            <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频">
                                    <div class="figure figure-img"><img width="296" height="180" alt="2021年春季新品发布会第一场"
                                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                                            src=""
                                            lazy="loading"><span class="play"><i class="iconfont-play"></i></span></div>
                                    <h3 class="title">
                                        2021年春季新品发布会第一场
                                    </h3>
                                    <p class="desc">

                                    </p>
                                </a></li>
                            <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频">
                                    <div class="figure figure-img"><img width="296" height="180" alt="Redmi 10X系列发布会"
                                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                                            src=""
                                            lazy="loading"><span class="play"><i class="iconfont-play"></i></span></div>
                                    <h3 class="title">
                                        Redmi 10X系列发布会
                                    </h3>
                                    <p class="desc">
                                        Redmi 10X系列发布会
                                    </p>
                                </a></li>
                            <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频">
                                    <div class="figure figure-img"><img width="296" height="180" alt="小米10 青春版 发布会"
                                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                                            src=""
                                            lazy="loading"><span class="play"><i class="iconfont-play"></i></span></div>
                                    <h3 class="title">
                                        小米10 青春版 发布会
                                    </h3>
                                    <p class="desc">

                                    </p>
                                </a></li>
                            <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频">
                                    <div class="figure figure-img"><img width="296" height="180" alt="小米10 8K手机拍大片"
                                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&amp;w=296&amp;h=180&amp;f=webp&amp;q=90"
                                            src=""
                                            lazy="loading"><span class="play"><i class="iconfont-play"></i></span></div>
                                    <h3 class="title">
                                        小米10 8K手机拍大片
                                    </h3>
                                    <p class="desc">

                                    </p>
                                </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <pagefooter></pagefooter>
    </div>
</template>
<script>
import '@/assets/css/home.css'
import pageheader from '@/components/pageheader'
import pagefooter from '@/components/pagefooter'
export default {
  name: 'index',
  components: {
    pageheader: pageheader,
    pagefooter: pagefooter
  }
}
</script>
<style scoped>

</style>
